<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>   伪类选择器</title>
	<style>
		
		h1:hover{
			background: #251454;
			color: aqua;
		}
		/* 伪类选择器 */
		/* 
		    link    链接未点是状态
		    active   链接被点击时状态
		    visited  链接点击后状态
		    hover    悬停链接时状态
		 
		 */
		
     a:link{ /*未访问状态*/
		color:#51d
	 /* 去掉超链接下划线 */
	  test-decoration:none;
	 }
		a:active{/*被点击后状态*/
			color: aqua;
			background:#defj;
		}
		a:visited{/*点击后状态*/
			color: blue;
			background: #458;
		}
		a:hover{
			font-size: 36px;
		}
		/* 
		伪类选择器      input: focus  获得焦点
		 针对输入框   input元素
		 */
		input:focus{
			background: #f4545e;
		}
	/*伪类选择器      first-child 
	
	
	
		
		
	</style>
	
	</head>
	
	<body>
		<h1>鼠标悬停效果</h1>
		<a href="#">超链接</a>
		<input type="test" >
	</body>
</html>